*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	font-family: MicrosoftYaHei;
}
ul,ol,li{
	list-style:none;
}
a{
	text-decoration: none;
}
input{
	outline: none;
	color: #cccccc;
}
.personal_center_wrapper{
	width: 100%;
}
.personal_center_top{
	width: 100%;
	height: 33px;
	background: url(../img/top.png) no-repeat center center;
	background-size: cover;
}
.personal_center_box{
	width: 1146px;
	margin: 0 auto;
}
.personal_center_logo{
	width: 100%;
	height: 72px;
	.logo{
		float: left;
		padding-top: 10px;
	}
	.words{
		float: left;
		padding-top: 27px;
		font-family: MicrosoftYaHei-Bold;
		font-size: 20px;
		color: #0971ce;
		font-weight: bold;
		padding-left: 8px;
	}
	.search{
		float: right;
		padding-top: 19px;
		position: relative;
		.search_icon{
			position: absolute;
			right: 6px;
			top: 27px;
			width: 16px;
			height: 16px;
			background:url(../img/search.png) no-repeat center center;
			background-size: cover; 
			font-size:0;
		}
		input{
			width: 260px;
			height: 30px;
			border: 1px solid #cccccc;
			border-radius: 3px;
			padding-left: 12px;
			line-height: 28px;
			font-size: 12px;
			color: #ccc;
			font-family: MicrosoftYaHei;
		}
	}
}
.personal_center_content{
	width: 100%;
	.nav{
		width: 127px;
		height: 700px;
		float: left;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#536cc7), to(#7d51c3));
		background: -moz-linear-gradient(top, #536cc7, #7d51c3);
		background: -o-linear-gradient(top, #536cc7, #7d51c3);
		background: -ms-linear-gradient(#536cc7 0%,#7d51c3 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#536cc7',endColorstr='#7d51c3',grandientType=1);
    	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#536cc7',endColorstr='#7d51c3',grandientType=1);
	}
	.nav-top{
		height:145px;
		border-bottom:1px solid #4b5dad;
		margin-bottom:10px;
		img{
			width:71px;
			height:71px;
			margin:27px 28px 8px 28px;;
		}
		p{
			height:22px;
			line-height:22px;
			color:#fff;
			font-size:14px;
			font-weight:bold;
			text-align:center;
			font-family: MicrosoftYaHei;
		}
	}
	.navList{
		li{
			width: 100%;
			height: 72px;
			line-height: 72px;
			font-family: MicrosoftYaHei-Bold;
			font-size: 14px;
			font-weight: bold;
			padding-left: 25px;
			color: #ffffff;
			position: relative;
		}
		li.active{
			background:rgba(000,000,000,0.1);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
			&:after{
				content:url(../img/rightArrow.png);
				position: absolute;
				width: 8px;
				height: 72px;
				line-height: 72px;
				right: 20px;
				top: 0;
			};
		}
		a{
			color: #ffffff;
		}
	}
	.detail{
		width: 1000px;
		height: 700px;
		float: right;
	}
	.detail_nav{
		width: 100%;
		height: 39px;
		padding-left: 18px;
		padding-left:0\9;
		background: #fafafa;
		margin-bottom:10px;
		.detail_list{
			float:left;
			font-size:14px;
			color:#536dc7;
			font-family: MicrosoftYaHei-Bold;
			font-weight:bold;
			line-height:40px;
			margin-left:18px\9;
			height:40px;
			span{
				font-size:14px;
				color:#536dc7;
				font-family: MicrosoftYaHei-Bold;
				font-weight:bold;
				line-height:40px;
				height:40px;
			}
		}
		.detail_nav_refresh{
			float: right;
			height: 38px;
			p{
				float:left;
				font-size:0;
			}
			.detail-inp{
				width: 196px;
				height:38px;
				margin-right:6px;
				position:relative;
				input{
					width: 196px;
					height:29px;
					line-height:29px;
					font-size:12px;
					border:none;
					background:#fafafa;
					border-bottom: 1px solid #cccccc;
					font-family: MicrosoftYaHei;
				}
				i{
					position: absolute;
					width: 16px;
					height: 16px;
					right:0;
					bottom:13px;
				}
			}
			.detail_ref{
				width:48px;
				height:38px;
				position:relative;
				span{
					font-size:12px;
					line-height:38px;
					color: #0971ce;
					font-family: MicrosoftYaHei;
				}
				i{
					position: absolute;
					width: 14px;
					height: 12px;
					right: 7px;
					bottom:13px;	
				}
			}		
				
		}
	}
	.detail_title{
		width:100%;
		.detail_title_list{
			li{
				height:50px;
				width:100%;
			}
			li:first-child{
				height:38px;
			}
			.detail_cont{
				height:38px;
				p{
					float:left;
					line-height:38px;
					font-size:14px;						
					color:#686c74;
					font-family: MicrosoftYaHei;
				}
				p.detail_cont_num{
					margin-left:18px;
				}
				p.detail_cont_user{
					margin-left:38px;
				}
				p.detail_cont_txt{
					margin-left:60px;
				}
				p.detail_cont_Ntxt{
					margin-left:40px;
				}
				p.detail_cont_live{
					margin-left:250px;
				}
				p.detail_cont_Nlive{
					margin-left:40px;
				}
				p.detail_cont_init{
					margin-left:250px;
				}
			}
			.detail_conts{
				span{
					float:left;
					line-height:50px;
					font-size:14px;						
					color:#686c74;
					font-family: MicrosoftYaHei;
				}
				span.detail_conts_num{
					width:28px;
					text-align:center;
					margin-left:18px;

				}
				span.detail_conts_user{
					width:65px;
					margin-left:38px;
					
				}
				span.detail_conts_txt{
					width:28px;
					margin-left:38px;
					margin-left:38px\9;
					text-align:center;
				}
				span.detail_conts_Ntxt{
					width:280px;
					margin-left:40px;
				}
				span.detail_conts_live{
					width:28px;
					text-align:center;
					margin-left:24px;
				}
				span.detail_conts_Nlive{
					margin-left:40px;
				}
				span.detail_conts_init{
					margin-left:50px;
					color:#0971ce;
					font-size:14px;
					
				}
			}	
			li.detail-active{
				background:#f7fafc;
				border-bottom:1px solid #edf0f2;
			}
		}
	}
}